<template>
	<span :class="classNames">
		<i v-if="column.cssClass" :class="column.cssClass"></i>
		{{ column.caption }}
	</span>
</template>
<script setup lang="ts">
import { gridColumnProps } from '../grid';
const props = defineProps(gridColumnProps);
const classNames = computed(() => {
	const result = {
		'grid-column__header': true,
	};
	if (props.column.headerCssName) {
		Object.assign(result, { [props.column.headerCssName]: true });
	}
	return result;
});
</script>
